What is backface-visibility in CSS?

The backface-visibility is a CSS property which defines whether the back face of an element should be visible or not. The back face of an element is a mirror image of the front. If the element is rotated, you can choose to show the back face of an element to the user or not. Two values specify this property: visible and hidden.

What is the backface-visibility property?

The backface-visibility property relates to 3D transforms. With 3D transforms, you can manage to rotate an element so what we think of as the “front” of an element no longer faces the screen. For instance, this would flip an element away from the screen: It will look as if you picked it up with a spatula and flipped it over like a pancake.

Is the back face visible or hidden?

hidden: The back face is not visible; it is effectively hidden. When applying 3D transformations like rotations, the back face of an element might become visible. Using backface-visibility, you can control whether the back face is visible or hidden. It ensures compatibility, as older browsers may not fully support the backface-visibility property.